<template>
    <div class="about-header animate__animated" :class="{animate__fadeInDown:animation}" v-show="animation">
        <hr style="background: #983C1A;">
        <div class="title">
            <div class="t1 f1" style="font-size: 26px; line-height: 30px; color: 707070;">{{ $t('index.about.title') }}</div>
            <div class="f2" style="18px;color: #707070; opacity: .6; letter-spacing: 0;">about us</div>
        </div>
        <hr style="background: #983C1A;">
    </div>
    <div class="about-context ">
        <div class="about-content animate__animated" :class="{animate__fadeInLeft:animation}" v-show="animation">
            <div class="warp">
                <div class="title f1" style="font-size: 26px;">团队介绍：</div>
                <div class="content f3" v-html="introduce" style="font-size: 14px;"></div>
                <div class="about-content-button base-button f2" @click="$router.push({name:'About'})">查看更多</div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    props: ['introduce', 'animation'],
    mounted() {
    },
    methods: {}
}
</script>
<style lang="less">
.second-box {
    .about-context {
        // width: 100%;
        height: calc(100% - 100px);
        background: url("~@/assets/img/banner@2x.png");
        background-size: cover;
        //display: flex;
        //align-items: center;
        //justify-content: center;
        padding: 113px 738px 87px 260px;
        .about-content {
            width: 900px;
            height: 400px;
            //background: rgba(255, 255, 255, 0.6);
            //border-radius: 5px;
            //display: flex;
            //flex-direction: column;
            //justify-content: space-between;
            //align-items: center;


            .warp{
                //width: 900px;
                //height: 400px;
				background: rgba(255,255,255,.68);
                padding: 85px 111px 139px 100px;
                .content {
                    margin-top: 15px;
                    text-indent: 2rem;
                    line-height: 26px;
                    letter-spacing: 5px;

                }
                .about-content-button {
                    color: #FFFFFF;
                    margin-top: 67px;
                    width: 200px;
                    cursor: pointer;
                }
            }
        }
    }
}
.about-header hr{
	
}
</style>

